	.all-hotel-container {
		padding: 260rpx 10rpx 140rpx;
		box-sizing: border-box;

		/* 确保padding不会影响到容器的总宽度 */
		.hotel-container {
			display: flex;
			background-color: #FFFFFF;
			margin-bottom: 20rpx;
			border-radius: 8rpx;
			overflow: hidden;
			box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
			font-family: 'Arial', sans-serif;

			/* 保证字体的一致性 */
			.hotel-image {
				width: 200rpx;
				height: auto;
				background-size: cover;
				background-position: center;
				display: block; /* 将图片视为块级元素，填充整个空白部分 */
			}

			.hotel-details-container {
				flex: 1;
				padding: 10rpx;
				display: flex;
				flex-direction: column;
				/* 确保内容垂直排列 */
				justify-content: space-between;
				/* 分散对齐 */
				
				.name-tag-container {
				  display: flex;
				  align-items: center;
				  justify-content: flex-start;
				  margin-bottom: 8rpx; /* 根据需要调整 */
				  .name {
				  	font-size: 35rpx;
				  	font-weight: bold;
				  	color: #333333;
				  }
				  .special-tag {
				    font-size: 24rpx;
					font-weight: bold;
				      border: 1rpx solid #F61856;
				      color: #F61856;
				      background-color: transparent;
				      padding: 2rpx 12rpx;
				      border-radius: 10rpx;
				      white-space: nowrap; /* 防止文本换行 */
				      margin-left: 20rpx; /* 新增左边距以向右移动标签 */
				  }
				}

				.rating-reviews-box {
					display: flex;
					align-items: center;
					justify-content: space-between; /* 将内容水平分散对齐 */
					
					.rating, .rating-level, .reviews {
					  margin: 0 20rpx; /* 给予左右边距，根据实际效果调整 */
					}
					
					.rating {
						font-size: 32rpx; /* 增大字体大小 */
						  font-weight: bold; /* 加粗字体 */
						  color: #007BFF; /* 将颜色改为蓝色 */
					}
					
					.rating-level {
					  font-size: 28rpx; /* 增大字体大小 */
					  font-weight: bold;
					    color: #0BA8FF; /* 将颜色改为蓝色 */
					}

					.reviews {
						font-size: 22rpx;
						color: #999999;
						
						.blue-text{
							color: #007BFF;
						}
					}
				}
				.tags-price-container {
				  display: flex;
				  align-items: center;
				  justify-content: space-between; /* 使得标签和价格分别对齐到容器的两侧 */
				  
				  .tags {
				    display: inline-block;
				      flex-wrap: wrap;
				      gap: 4rpx; /* 控制行间距 */
				  	
				  	.tag {
				  		font-size: 24rpx;
				  		  border: 1rpx solid #FF9800;
				  		  color: #FF9800;
				  		  background-color: transparent;
				  		  padding: 2rpx 12rpx;
				  		  margin-right: 8rpx; /* 保持右边距，最后一个标签可能需要移除这个边距 */
				  		  white-space: nowrap; /* 防止文本换行 */
				  	}
				  }
				  
				  .price {
				    display: flex;
				    align-items: center;
				    justify-content: flex-end; /* 将内容向右对齐 */
				    
				    .price-content {
				      display: flex;
				      align-items: center;
				  	
				  	.price-number {
				  	  font-size: 36rpx;
				  	  color: #FD430E;
				  	  font-weight: bold;
				  	}
				  	
				  	.price-text {
				  	  font-size: 24rpx;
				  	  color: #BBBBBB;
				  	  margin-left: 4px; /* 为了在价格数字和"起"字之间增加一些间距 */
				  	}
				    }
				  }
				}
			}
		}
	}